<div class="row">
	<div class="col-md-12">
		<recommendlist mark='banner' return='recommend'/>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

			<ol class="carousel-indicators">
				<foreach name='recommend' item='vo'>
					<li data-target="#carousel-example-generic" data-slide-to="{$key}" <eq name="key" value="0">class="active"></eq></li>
				</foreach>
			</ol>

			<div class="carousel-inner" role="listbox">
				<foreach name='recommend' item='vo'>
					<div class="item <eq name="key" value="0">active</eq>">
						<a href="{$vo.url}"><img src="{$vo.thumb|thumb=1200,300}" alt="{$vo.title}"></a>
						<div class="carousel-caption">
							<a href="{$vo.url}">{$vo.title}</a>
						</div>
					</div>
				</foreach>
			</div>

			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
</div>